<div>How do you destructure the properties that are sent to the Dish component?</div> <div> <pre class=language-javascript><code>function Dish(props) { return ( <h1> {props.name} {props.cookingTime} </h1> ); }</code></pre> </div>

ReactJS - Quiz(MCQ)

How do you destructure the properties that are sent to the Dish component?

function Dish(props) {
  return (
    <h1>
      {props.name} {props.cookingTime}
    </h1>
  );
}

function Dish([name, cookingTime]) { return <h1>{name} {cookingTime}</h1>; }

function Dish({name, cookingTime}) { return <h1>{name} {cookingTime}</h1>; }

function Dish(props) { return <h1>{name} {cookingTime}</h1>; }

function Dish(...props) { return <h1>{name} {cookingTime}</h1>; }

Correct Answer : function Dish({name, cookingTime}) { return <h1>{name} {cookingTime}</h1>; }

Recent Updates in React.JS

Q .

What do you need to change about this code to get it to run?

class clock extends React.Component {
  render() {
    return <h1>Look at the time: {this.props.time}</h1>;
  }
}

Remove this

Capitalize clock

Remove the render method

Add quotes around the return value

Correct Answer : Capitalize clock

Q .

Which Hook could be used to update the document's title?

useEffect(function updateTitle() { document.title = name + ' ' + lastname; });

useEffect(() => { title = name + ' ' + lastname; });

useEffect(function updateTitle() { name + ' ' + lastname; });

useEffect(function updateTitle() { title = name + ' ' + lastname; });

Correct Answer :

useEffect(function updateTitle() { document.title = name + ' ' + lastname; });